<template>
  <!-- 歌单 路由组件 管理歌单内容组件以及歌单分类筛选组件-->
  <div class="music-cate">
    <!-- 分类筛选组件 -->
    <CateFilter></CateFilter>
    <!-- 主要内容 -->
    <CateList>
      <template slot="title">
        <SmTitle display="none" title="全部歌单"></SmTitle>
      </template>
    </CateList>
  </div>
</template>

<script>
import SmTitle from "@/components/public/SmTitle.vue";
import CateList from "@/components/cate/CateList.vue";
import CateFilter from "@/components/cate/CateFilter.vue";
export default {
  name: "MusicCate",
  components: { CateFilter, CateList, SmTitle },
};
</script>

<style lang="less" scoped>
.music-cate {
  background: linear-gradient(to top, #243b55, #141e30);
  padding: 0 0.4rem;
}
</style>